aboutsummaryrefslogtreecommitdiff
path: root/src/routes/grocery/[id]/+page.svelte
diff options
context:
space:
mode:
authorMartin Kagamino Lehoux <martin@lehoux.net>2026-09-12 22:26:09 +0200
committerMartin Kagamino Lehoux <martin@lehoux.net>2026-09-12 22:26:09 +0200
commit2a7c4f969874b850e30170f3aef5b578677220b0 (patch)
tree7fafc0aaf017d4f045cedd92a6fa2d55024fb63d /src/routes/grocery/[id]/+page.svelte
parent5f0a73920034741236034ed7a721c68eceb8ab82 (diff)
Scope badges, titles, and one-off styles; add Button outline
ScoreBadge/StatusBadge carry their own color scales, no bg-*/text-* globals. SectionTitle unifies category-name and section-title dupes (h2/h3 via level prop). Grocery add-bar buttons use Button, new outline variant for the secondary action. save-status moves into its only page. Delete dead globals and page overrides.
Diffstat (limited to 'src/routes/grocery/[id]/+page.svelte')
-rw-r--r--src/routes/grocery/[id]/+page.svelte15
1 files changed, 15 insertions, 0 deletions
diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte
index 54134f0..c672730 100644
--- a/src/routes/grocery/[id]/+page.svelte
+++ b/src/routes/grocery/[id]/+page.svelte
@@ -177,6 +177,21 @@
</main>
<style>
+ .save-status {
+ font-size: 0.875rem;
+ color: var(--success);
+ font-weight: 500;
+ margin-top: -0.25rem;
+ visibility: hidden;
+ opacity: 0;
+ transition: opacity 0.2s ease;
+ min-height: 1.25rem;
+ }
+
+ .save-status.visible {
+ visibility: visible;
+ opacity: 1;
+ }
.ref-row {
display: flex;
gap: 0.75rem;